<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmProducto')}"/>
    </f:metadata>
    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="1050"/>
                    <ui:param name="toolBarTitleWidth" value="1000"/>
                    <ui:param name="title" value="Producto"/>
                </ui:include>

                <div align="left">
                    <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                    <h:form id="P">
                        <p:tabView id="tabView" dynamic="false" style="width: 1050px; height: 800px" >

                            <p:tab id="general" title="Datos Generales de Producto">
                                <h:panelGrid id="pProducto1" columns="6" style="width:inherit">
                                    <h:outputLabel value="L&iacute;nea"/>
                                    <h:selectOneMenu  value="#{productoManaged.selectedEncaProducto.codigo_l}"  style="width:250px"  >
                                        <f:selectItems value="#{productoManaged.lineas}" var="l" itemLabel="#{l.nombre_l}" itemValue="#{l.codigo_l}"/>
                                        <p:ajax listener="#{productoManaged.llenarSubLinea}" update="cbSubLinea"/>
                                    </h:selectOneMenu>

                                    <h:outputText value="Sub L&iacute;nea "/>
                                    <h:selectOneMenu id="cbSubLinea" value="#{productoManaged.selectedEncaProducto.codigo_sl}" style="width:250px"  >
                                        <f:selectItems value="#{productoManaged.subLineas}" var="sl" itemLabel="#{sl.nombre_sl}" itemValue="#{sl.codigo_sl}"/>
                                    </h:selectOneMenu>

                                    <h:outputText value="Unidad" />
                                    <h:selectOneMenu value="#{productoManaged.selectedEncaProducto.codigo_u}" rendered="true" style="width:250px" >
                                        <f:selectItems value="#{productoManaged.unidades}" var="u" itemLabel="#{u.nombre_u}" itemValue="#{u.codigo_u}"/>
                                    </h:selectOneMenu>
                                    <h:outputLabel value="Marca"/>
                                    <h:selectOneMenu id="cbMarca"  value="#{productoManaged.selectedEncaProducto.codigo_m}"  style="width:250px"  >
                                        <f:selectItems value="#{productoManaged.marcas}" var="m" itemLabel="#{m.nombre_m}" itemValue="#{m.codigo_m}"/>
                                    </h:selectOneMenu>
                                    <h:outputText value="Tipo Producto" />
                                    <h:selectOneMenu value="#{productoManaged.selectedEncaProducto.codigo_tp}" rendered="true" style="width:250px" >
                                        <f:selectItems value="#{productoManaged.tipoProductos}" var="tp" itemLabel="#{tp.nombre_tp}" itemValue="#{tp.codigo_tp}"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>

                                <br/>
                                <h:panelGrid id="pProducto2"  columns="4" style="width:inherit" >
                                    <h:outputText value="Nombre"/><p:inputText value="#{productoManaged.selectedEncaProducto.nombre_p}" style="width: 575px" />
                                    <h:outputText value="C&oacute;digo Barra"/><p:inputText value="#{productoManaged.selectedEncaProducto.codigo_barra_p}" style="width: 170px" />

                                    <h:outputText value="Descripci&oacute;n"/><p:inputText value="#{productoManaged.selectedEncaProducto.descripcion_p}" style="width: 575px"/>
                                    <h:outputText value="C&oacute;digo Barra Original" /><p:inputText value="#{productoManaged.selectedEncaProducto.codigo_barra_original_p}" style="width: 170px" />

                                    <h:outputText value="Otra Informaci&oacute;n"/><p:inputText value="#{productoManaged.selectedEncaProducto.otra_informacion_p}" style="width: 575px" />
                                    <h:outputText value="Costo" /><p:inputText value="#{productoManaged.selectedEncaProducto.costo_p}" style="width: 170px" />

                                    <h:outputText value="Inactivo"/><h:selectBooleanCheckbox value="#{productoManaged.selectedEncaProducto.estado_filtro_p}" />
                                    <h:outputText value="Afecta Inventario" rendered="true"/><h:selectBooleanCheckbox value="#{productoManaged.selectedEncaProducto.descontar_inventario_filtro_p}" rendered="true"/>
                                </h:panelGrid>

                                <div align="center">
                                    <br/>
                                    <h:panelGrid id="pBotones" columns="3" cellpadding="5" style="width:inherit" >
                                        <p:commandButton value="#{sms.guardar}" image="ui-icon ui-icon-check" onclick="cmdConfirm.show()" />
                                        <p:commandButton value="#{sms.buscar}" image="ui-icon ui-icon-search" onclick="dQuickProducto.show()" />
                                        <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="P:pProducto1 P:pProducto2 P:tEE0 P:tEE1 P:tEE2 P:tablePS quick_producto quick_producto_grid" />
                                        <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert"  widgetVar="cmdConfirm">
                                            <p:commandButton value="Si" actionListener="#{productoManaged.completeTransaction}" update="P:pProducto1 P:pProducto2 grid:table mensaje" oncomplete="cmdConfirm.hide()" />
                                            <p:commandButton value="No" onclick="cmdConfirm.hide()"/>
                                        </p:confirmDialog>
                                    </h:panelGrid>
                                    <br/>
                                </div>

                            </p:tab>

                            <p:tab id="sucursal" title="Sucursales">
                                <h:panelGrid  columns="1" style="width:inherit" >
                                    <h:panelGrid id="tEE0" columns="4" style="width:inherit" >
                                        <h:outputText value="Sucursal" />
                                        <h:selectOneMenu value="#{productoManaged.selectedEncaProductoSucursal.codigo_s}" style="width: 285px">
                                            <f:selectItems value="#{productoManaged.sucursales}" var="s" itemLabel="#{s.nombre_s}" itemValue="#{s.codigo_s}" />
                                        </h:selectOneMenu>
                                        <h:selectBooleanCheckbox value="#{productoManaged.selectedEncaProductoSucursal.estado_filtro_ps}" />
                                        <h:outputText value="Inactivo"/>
                                    </h:panelGrid>
                                    <h:panelGrid id="tEE1" columns="6" style="width:inherit" >
                                        <h:outputText value="Existencia"/><p:inputText value="#{productoManaged.selectedEncaProductoSucursal.existencia_ps}" style="font-weight: bold; font-size: large;  background-color: red" />

                                        <h:outputText value="Min."/><p:inputText value="#{productoManaged.selectedEncaProductoSucursal.minimo_ps}"  style="width: 175px" />
                                        <h:outputText value="Max."/><p:inputText value="#{productoManaged.selectedEncaProductoSucursal.maximo_ps}"  style="width: 175px" />
                                    </h:panelGrid>
                                    <h:panelGrid id="tEE2" columns="4" style="width:inherit" >
                                        <h:outputText value="Ubicaci&oacute;n"/><p:inputText value="#{productoManaged.selectedEncaProductoSucursal.ubicacion_ps}"  style="width: 625px" />
                                    </h:panelGrid>
                                </h:panelGrid>

                                <div align="center">
                                    <br/>
                                    <h:panelGrid id="pBotones_tEE" columns="3" cellpadding="5" style="width:inherit" rendered="true">
                                        <p:commandButton value="#{sms.guardar}" image="ui-icon ui-icon-check" onclick="cmdConfirmPS.show()" />
                                        <p:commandButton value="#{sms.limpiar}" actionListener="#{productoManaged.limpiarPS}" update="P:tEE1 P:tEE2" />
                                        <p:confirmDialog message="#{sms.iAlmacenada}"  header="#{sms.guardar}" severity="alert" widgetVar="cmdConfirmPS">
                                            <p:commandButton value="Si" actionListener="#{productoManaged.mantenimientoPS}" update="P:tEE1 P:tEE2 P:tablePS mensaje" oncomplete="cmdConfirmPS.hide()" />
                                            <p:commandButton value="No" onclick="cmdConfirmPS.hide()"/>
                                        </p:confirmDialog>
                                    </h:panelGrid>
                                </div>

                                <br/>
                                <p:dataTable id="tablePS" value="#{productoManaged.productoSucursales}" var="row" rows="15"
                                             paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{productoManaged.selectedDetaProductoSucursal}"
                                             emptyMessage="#{sms.TableEmptyMessage}" onRowSelectUpdate="E:tEE1 mensaje" rendered="true">
                                    <f:facet name="header">
                                        <h:outputText value="Lista de Sucursales"/>
                                    </f:facet>
                                    <p:column headerText="Sucursal" filterBy="#{row.nombre_s}" filterMatchMode="contains" sortBy="#{row.nombre_s}" style="width: 500px">
                                        <h:outputText value="#{row.nombre_s}"/>
                                    </p:column>
                                    <p:column headerText="Existencia" filterBy="#{row.existencia_ps}" filterMatchMode="contains" sortBy="#{row.existencia_ps}" style="width: 100px">
                                        <h:outputText value="#{row.existencia_ps}"/>
                                    </p:column>
                                    <p:column headerText="M&iacute;nimo" filterBy="#{row.minimo_ps}" filterMatchMode="contains" sortBy="#{row.minimo_ps}" style="width: 400px">
                                        <h:outputText value="#{row.minimo_ps}"/>
                                    </p:column>
                                    <p:column headerText="M&aacute;ximo" filterBy="#{row.maximo_ps}" filterMatchMode="contains" sortBy="#{row.maximo_ps}" style="width: 400px">
                                        <h:outputText value="#{row.maximo_ps}"/>
                                    </p:column>
                                    <p:column headerText="Estado" filterMatchMode="exact" sortBy="#{row.estado_ps}" style="width: 85px">
                                        <h:outputText value="#{row.estado_ps}"/>
                                    </p:column>
                                    <f:facet name="footer">
                                        <div align="center">
                                            <p:commandButton image="ui-icon ui-icon-trash" value="#{sms.eliminar}" onclick="cmdEliminar.show()" title="#{sms.eliminarRegistro}"/>
                                        </div>
                                    </f:facet>
                                </p:dataTable>
                            </p:tab>


                        </p:tabView>
                    </h:form>

                    <h:form id="dialogs">
                        <p:confirmDialog message="#{sms.iEliminada}" header="#{sms.eliminar}" severity="alert" widgetVar="cmdEliminar">
                            <p:commandButton value="Si" oncomplete="cmdEliminar.hide()" actionListener="#{productoManaged.limpiarPS}" update="E:table_estudio mensaje" />
                            <p:commandButton value="No" onclick="cmdEliminar.hide()" />
                        </p:confirmDialog>
                    </h:form>


                    <ui:include src="/web-pages/COMPRA/QUICK/wfrmQuickProducto.xhtml">
                        <ui:param name="Bean" value="#{productoManaged}"/>
                        <ui:param name="Action" value="getQuickProducto"/>
                        <ui:param name="parametroUpdate" value="P:pProducto1 P:pProducto2 P:tablePS"/>
                    </ui:include>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
